<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>随堂练习结果</title>
    <div data-th-replace="layout/user/user-center-head"></div>
</head>
<body>
    <div data-th-replace="layout/user/user-head"></div>
    <div class="u-bg">
        <div class="container pr u-container" id="uCenterMain">
            <section class="uCenter-box pa" id="uCenter-box">
                <div class="row uH">
                    <div class="col-sm-12 uH">
                        <div class="u-i-left__wrap u-i-left_box uH">
                            <!--左侧公共菜单 开始-->
                            <div data-th-replace="layout/user/user-left-menu"></div>
                            <!--左侧公共菜单 结束-->
                            <!--内容开始-->
                            <article class="u-c-c-cont__wrap u-c-c-main uH" >
                                <div class="u-c-box uH" style="min-height: 100%;">
                                    <div class="mr20 pr10 pt10 uH">
                                        <section class="c-head-title clearfix">
                                            <aside class="pull-right mt10">
                                                <a href="javascript:;" id="calendarBtn1" class="c-fff fs14 pr" title="去签到">
                                                    <i class="fa fa-calendar-check-o mr5"></i>签到
                                                </a>
                                            </aside>
                                            <h6>
                                                <a th:href="@{/web/index}" class="fs14 c-333 vam hLh30">首页</a>
                                                <i class="fa fa-angle-right fs14 c-333 ml5 mr5 vam"></i>
                                                <a th:href="@{/web/uc/course/play/record/userStudyRecord}" class="fs14 c-333 vam hLh30">学习记录</a>
                                                <i class="fa fa-angle-right fs14 c-333 ml5 mr5 vam"></i>
                                                <span class="fs14 c-333 vam hLh30">随堂练习结果</span>
                                            </h6>
                                        </section>
                                        <div class="clearfix">&nbsp;</div>
                                        <section class="u-exercises-record-bg">
                                            <section class="u-exercises-record-bx">
                                                <header class="text-center c-danger mt10">
                                                    <span class="fs18">得分率</span>
                                                    <strong style="font-size: 38px;" th:text="${examRecord['accuracy']}">0.36</strong>
                                                    <span class="fs18">%</span>
                                                </header>
                                                <section class="text-center mt10">
                                                    <span th:if="${pass}">恭喜你，通过此节随堂练习</span>
                                                    <span th:if="!${pass}">抱歉，你没能通过此节随堂练习</span>
                                                </section>
                                                <section class="text-center mt10">
                                                    <span class="c-888" th:text="'设定得分率'+${scorePercent}+'%'"></span>
                                                    <span class="c-888" th:text="'你的得分率 '+${examRecord['accuracy']}+'%'"></span>
                                                </section>
                                                <section class="text-center mt10">
                                                    <span class="c-888" th:text="'最近练习时间：'+${examRecord['createTime']}"></span>
                                                </section>
                                                <section class="mt20 text-center">
                                                    <button style="width: 420px;" id="learn" class="btn btn-lg btn-danger btn-rounded" type="button">继续学习</button>
                                                </section>
                                                <div class="mt20">
                                                    <section class="hLh30">
                                                        <aside class="pull-right">
                                                            <span class="fs12 c-999"><small class="c-danger"><i class="fa fa-circle"></i></small> 错误</span>
                                                            <span class="fs12 c-999"><small class="c-danger b-halfRight"><i class="fa fa-circle"></i></small> 半对</span>
                                                            <span class="fs12 c-999"><small class="c-primary"><i class="fa fa-circle"></i></small> 正确</span>
                                                        </aside>
                                                        <strong class="fs14 c-666 vam">练习详情</strong>
                                                    </section>
                                                    <div class="mt10 examRecord-card-list-box">
                                                        <div class="ic-answerCard-num-list">
                                                            <ol class="clearfix ic-ac-checkbox-ol">
                                                                <th:block th:each="card : ${cardMap['cardDataList']}">
                                                                    <li th:if="${card['scoreState']} ==3"   class="ic-ac-error">
                                                                        <a href="javascript:void(0);" data-no="1" data-id="12" th:text="${card['orderlyIndex']}"></a>
                                                                    </li>
                                                                    <li  th:if="${card['scoreState']} ==2 "  class="ic-ac-halfRight">
                                                                        <a href="javascript:void(0);" data-no="1" data-id="13" th:text="${card['orderlyIndex']}"></a>
                                                                    </li>
                                                                    <li   th:if="${card['scoreState']} ==1 or ${card['scoreState']}==0 "  class="ic-ac-correct">
                                                                        <a href="javascript:void(0);" data-no="1" data-id="13" th:text="${card['orderlyIndex']}"></a>
                                                                    </li>
                                                                </th:block>
                                                            </ol>
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <section class="hLh30">
                                                        <span class="fs16 c-666 vam">考点</span>
                                                    </section>
                                                    <section class="mt10">
                                                        <ol class="ml10 fs12">
                                                            <li th:utext="${point['value']}" th:each="point : ${examRecord['allPointMap']}"></li >
                                                        </ol>
                                                    </section>
                                                </div>
                                            </section>
                                        </section>
                                    </div>
                                </div>
                            </article>
                            <!--内容结束-->
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <div data-th-replace="layout/user/user-common"></div>
    <!--公共引入签到js-->
    <script th:src="@{{path}/front/web/business/common/processing-check-in.js?v={v}(path=${staticPath},v=${v})}"></script>
        <script th:inline="javascript" type="text/javascript">
            var courseId =[[ ${courseId}]];
            var catalogId =[[ ${catalogId}]];
            var byCourseId =[[ ${byCourseId}]];
            $(function(){
            $("body").on('click','#learn',function(){
                    var url ="/web/uc/play/toPlayCourse?type=LOBBY&courseId="+byCourseId+"&catalogId="+catalogId;
                    if(courseId!=byCourseId){
                        url+="&packageId="+courseId;
                    }
                    window.location.href=baseloaction +url;
                });
            })
        </script>
</body>
</html>